<template>
	<view class="content">
		<view class="conetnt-heder">
			<view class="header" @click="GoHome">
				<image :src="proxy.serverimageUrl + 'Ordersettlement/back.png'" mode=""></image>
				<view class="text">
					支付成功
				</view>
			</view>
			<view class="successBox">
				<image :src="proxy.serverimageUrl + 'Paymentsuccessful/icon.png'" mode=""></image>
				<p class="p1">支付成功</p>
				<p class="p2">感谢您的购买~</p>
				<view style="width: 240rpx;height: 80rpx; margin: 72rpx auto 0;">
					<up-button @click="GoHome" color="#013CAA" text="返回首页"></up-button>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		getCurrentInstance
	} from 'vue';
	import {
		onLoad,
		onShow
	} from '@dcloudio/uni-app'
	onLoad(() => {
		// getsubscrmsg()
	})
	const {
		proxy,
		ctx
	} = getCurrentInstance()
	const GoHome = () => {
		uni.switchTab({
			url: '/pages/Home/index'
		})
	}
</script>

<style lang="scss" scoped>
	.content {
		background-color: #F2F2F2;
		width: 100vw;
		height: 100vh;

		.conetnt-heder {
			width: 100vw;
			height: 781rpx;
			padding: 117rpx 30rpx;
			background: linear-gradient(180deg, #689CFD, #F2F2F2);

			.header {
				display: flex;
				align-items: center;

				image {
					width: 16rpx;
					height: 30rpx;
				}

				.text {
					margin-left: 21rpx;
					font-family: Source Han Sans SC;
					font-weight: 500;
					font-size: 30rpx;
					color: #FFFFFF;
				}

			}

			.successBox {
				margin-top: 58rpx;
				width: 100%;
				border-radius: 20rpx;
				height: 710rpx;
				background-color: #ffffff;
				text-align: center;

				image {
					width: 245rpx;
					height: 204rpx;
					margin-top: 120rpx;
				}

				.p1 {
					margin-top: 20rpx;
					font-family: SourceHanSansSC;
					font-weight: bold;
					font-size: 36rpx;
					color: #303030;
				}

				.p2 {
					margin-top: 14rpx;
					font-family: SourceHanSansSC;
					font-weight: 400;
					font-size: 28rpx;
					color: #989797;
				}
			}
		}

	}
</style>